﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Wijmo.Master" AutoEventWireup="true" CodeBehind="Modal.aspx.cs" Inherits="ControlExplorer.C1ToolTip.Modal" %>

<%@ Register Namespace="C1.Web.Wijmo.Controls.C1ToolTip" Assembly="C1.Web.Wijmo.Controls.3" TagPrefix="wijmo" %>
<asp:Content ID="Content1" ContentPlaceHolderID="Head" runat="server">
    <style type="text/css">
        .link
        {
            color: #000000;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <asp:HyperLink ID="HyperLink1" runat="server" ToolTip="tooltip" CssClass="link">锚点</asp:HyperLink>
    <wijmo:C1ToolTip runat="server" ID="Tooltip1" TargetSelector="#HyperLink1" CloseBehavior="Sticky" Modal="true">
    </wijmo:C1ToolTip>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="Description" runat="server">
    <p>
       此示例演示如何创建一个模态的工具提示。模态工具提示必须关闭，以继续使用页面。</p>
    <p>
       <strong>Modal</strong>属性用来创建模态工具提示。</p>
    <p>
        当 <strong>Modal</strong>复选框被选中,超过"悬停元素"造成模态工具提示出现。</p>
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="ControlOptions" runat="server">
    <label for="isModal">
        Modal</label>
    <input type="checkbox" id="isModal" checked="checked" />
    <script id="scriptInit" type="text/javascript">
        $(document).ready(function () {
            $("#isModal").click(function () {
                $("#<%=HyperLink1.ClientID %>").c1tooltip("option", "modal", !!$("#isModal").is(":checked"));
            });

        });
    </script>
</asp:Content>
